<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
			<th width="5%">ID</th>
			<th width="5%">Staff_ID</th>
			<th width="10%">FullName</th>
			<th >BasicSalary</th>
			<th >FromDate</th>									
			<th width="10%" >Allowance</th>
			<th>MonthAllowance</th>
			<th >E_SHU </th>
			<th >C_SHU</th>
			<th >PIT</th>
			<th >Tax</th>
			<th >PaySalary</th>
			<th >Total</th>
			<th> Action</th>
			
			
			
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="5" class="dataTables_empty">Loading data from server</td>
		</tr>
	</tbody>
	
</table>
<script>
	$(document).ready(function() {
				    $('#example').dataTable( {
				    	"bJQueryUI": true,
				        "bProcessing": true,
				        "sAjaxSource": '<?php echo base_url()?>allSalary/table',
				        "bStateSave": true	,
				         "sPaginationType": "full_numbers",
				        "sScrollX": "100%",
        				"sScrollXInner": "120%",   				        
        				"bScrollCollapse": true,        				 
			        			        
				    } );
				} );
</script>